<template>
  <div>
    <img class="box-img" src="../assets/picture_2.jpg" alt>
    <div class="box-font">
    <h1>教学从未如此得心应手</h1>
    <h2 style="font-size: 25px;margin-top: -25px;">融合教学场景，有效连接各项教学元素，打造多元化互动创<br>新教学模式</h2>
    <el-button style="width: 120px;height: 50px;" @click="$router.push('/register')">立即注册</el-button>
    </div>
  </div>
</template>

<script>
export default {
  name: "productFunction"
}
</script>

<style scoped>
.box-img{
  position: relative;
  z-index: -1;
  width: 1425px;
  height: 420px;
}
.box-font{
  font-size: 36px;
  color: ivory;
  position: absolute;
  z-index: 1;
  display: inline;
  top: 150px;
  left: 750px;
}
</style>
